<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="description" content="慧报考高考志愿测评系统是由长期从事高考志愿指导、教育统计与测量工作的资深专家和教育行业资深软件工程师共同研发，同时提供电脑版、手机版和微信版，主要功能有计划查询、院校查询、专业查询、位次查询、专业测评、智能选校、志愿测评等，系统以大数据为基础为考生提供必要的指导和参考，极大方便考生志愿填报"/>
    <meta name="keywords" content="慧报考,志愿填报,高考志愿测评系统,湖北高考,高考分数,计划查询,院校查询,专业查询,位次查询,专业测评,智能选校,志愿测评,录取查询"/>
    <link rel="icon" type="image/x-icon" href="/favicon.ico" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
    <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
    <!--[if lt IE 9]>
    <script src="https://fastly.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
    <script src="https://fastly.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <![endif]-->
    <link rel="stylesheet" href="css/main.css" />
    <link rel="stylesheet" href="css/media.css" />
    <title>慧报考</title>
</head>

<body>
<div class="header">
    <#include "header.ftl"/>
</div>
<div class="container">
    <div class="container-wrap">
        <div class="card flex">
            <div class="c-1-lf">
                <div class="new-large-list">
                    <#if index.newsList1?? && index.newsList1?size gt 0>
                        <#list index.newsList1 as item>
                            <a href="/news/${item.id}">
                                <div class="item">
                                    <h3 class="ellipsis">${item.title}</h3>
                                    <p class="">${item.summary}&nbsp;&nbsp;<span>[详情]</span></p>
                                    <p class="divider"></p>
                                </div>
                            </a>
                        </#list>
                    </#if>
                </div>
                <ul class="news-list news-list-h">
                    <#if index.newsList2?? && index.newsList2?size gt 0>
                        <#list index.newsList2 as item>
                            <li><a href="/news/${item.id}"><div class="ellipsis">${item.title}</div></a></li>
                        </#list>
                    </#if>
                </ul>
            </div>
            <div class="c-1-rt">
                <div class="swiper-container">
                    <div class="flex swiper-wrap">
                        <#if index.carouselList?? && index.carouselList?size gt 0>
                            <#list index.carouselList as carouse>
                                <#if carouse.hasLink==1>
                                    <a data-index="${carouse.dataIndex}" href="${carouse.linkUrl}" target="_blank">
                                <#else>
                                    <a href="#" data-index="${carouse.dataIndex}">
                                </#if>
                                    <img  src="${carouse.imgUrl}">
                                    </a>
                            </#list>
                        </#if>
                    </div>
                    <div class="pagination" data-currentindex="0">

                        <#if index.carouselList?? && index.carouselList?size gt 0>
                            <#list index.carouselList as carouse>
                                <#if carouse.dataIndex == 0>
                                    <div class="text-content">${carouse.title}</div>
                                    <div data-index="${carouse.dataIndex}"
                                         data-text="${carouse.title}"
                                         class="dot active">
                                    </div>
                                <#else>
                                    <div data-index="${carouse.dataIndex}"
                                         data-text="${carouse.title}"
                                         class="dot">
                                    </div>
                                </#if>
                            </#list>
                        </#if>
                    </div>
                    <img class="switch-banner-lf" data-mode="left" src="/img/left.png" />
                    <img class="switch-banner-rt" data-mode="right" src="/img/right.png" />
                </div>
            </div>
        </div>
        <div class="flex mt-24 mb-24" id="system">
            <div class="card card-2 f2" >
                <div class="title">
                    <h2 class="flex align-center"><img src="/img/icon_xtgn.png">系统功能<span
                                class="xt-span">专业、科学、简单、好用、大数据助力志愿填报</span></h2>
                </div>
                <div class="content xt flex xt1">
                    <a href="https://gkzy.huibaokao.com/pc/42/index.html#/query/plan">
                        <div class="cirle cirle-blue">
                            <img src="/img/btn_jhcx.png"></div>
                        <div class="text"> 计划查询 </div>
                    </a>
                    <a href="https://gkzy.huibaokao.com/pc/42/index.html#/query/academy">
                        <div class="cirle cirle-blue">
                            <img src="/img/btn_yxcx.png">
                        </div>
                        <div class="text"> 院校查询 </div>
                    </a>
                    <a href="https://gkzy.huibaokao.com/pc/42/index.html#/query/plan">
                        <div class="cirle cirle-blue">
                            <img src="/img/btn_zycx.png">
                        </div>
                        <div class="text"> 专业查询 </div>
                    </a>
                    <a href="https://gkzy.huibaokao.com/pc/42/index.html#/recommend/academy">
                        <div class="cirle cirle-blue">
                            <img src="/img/btn_znxx.png"></div>
                        <div class="text"> 智能选校 </div>
                    </a>
                    <a href="https://gkzy.huibaokao.com/pc/42/index.html#/evaluation/fillIn">
                        <div class="cirle cirle-blue">
                            <img src="/img/btn_zycp.png"></div>
                        <div class="text"> 志愿测评 </div>
                    </a>
                </div>
            </div>
            <div class="card card-2 f1" style="margin-left:20px;">
                <div class="title">
                    <h2 class="flex align-center"><img src="/img/icon_kuaijie.png">快捷通道</h2>
                </div>
                <div class="content xt flex xt2">
                    <a target="_blank" href="http://www.hbksw.com/cx/">
                        <div class="cirle cirle-blue-grey">
                            <img class="scale-88" src="/img/icon_fscx.png">
                        </div>
                        <div class="text">分数查询</div>
                    </a>
                    <a target="_blank" href="http://cx.e21.cn/">
                        <div class="cirle circle-zise " >
                            <img class="scale-88" style="margin-top: 9px;margin-left: 11px;" src="/img/icon_luqu.png">
                        </div>
                        <div class="text">录取查询</div>
                    </a>
                    <a target="_blank" href="http://zspt.hubzs.com.cn">
                        <div class="cirle circle-juse">
                            <img class="scale-88" src="/img/icon_zytb.png">
                        </div>
                        <div class="text">志愿填报</div>
                    </a>
                </div>
            </div>
        </div>
        <div class="card card-2">
            <div class="title">
                <h2 class="flex align-center"><img src="/img/icon_huodong.png">咨询会活动实况
                    <div class="more"><a href="/history">更多</a></div>
                </h2>
            </div>
            <div class="content xxhh flex">
                <div class="f1 large oft">
                    <#if index.consul1??>
                        <img src="${index.consul1.imgUrl}" alt="">
                    <#else>
                        <img src="/img/img01.jpg" alt="">
                    </#if>
                </div>
                <div class="f1 xxhh-center">
                    <div class="flex medium">
                        <div class="f1 oft">
                            <#if index.consul2??>
                                <img src="${index.consul2.imgUrl}" alt="">
                            <#else>
                                <img src="/img/img03.jpg" alt="">
                            </#if>
                        </div>
                        <div class="f1 oft">
                            <#if index.consul3??>
                                <img style="margin-left: 12px;" src="${index.consul3.imgUrl}" alt="">
                            <#else>
                                <img style="margin-left: 12px;" src="/img/img04.jpg" alt="">
                            </#if>
                        </div>
                    </div>
                    <div class="flex medium" style="margin-top: 12px">
                        <div class="f1 oft">
                            <#if index.consul4??>
                                <img src="${index.consul4.imgUrl}" alt="">
                            <#else>
                                <img src="/img/img03.jpg" alt="">
                            </#if>
                        </div>
                        <div class="f1 oft">
                            <#if index.consul5??>
                                <img style="margin-left: 12px;" src="${index.consul5.imgUrl}" alt="">
                            <#else>
                                <img style="margin-left: 12px;" src="/img/img04.jpg" alt="">
                            </#if>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="card card-2">
            <div class="title">
                <h2 class="flex align-center"><img src="/img/icon_xtgn.png">院校展示</h2>
            </div>
            <div class="content xxzz flex">
                <#if index.schoolItemList?? && index.schoolItemList?size gt 0>
                    <#list index.schoolItemList as item>
                        <a target="_blank" href="${item.linkUrl}">
                            <div class="yxzs">
                                <img src="${item.imgUrl}"></div>
                            <div class="text">${item.title}</div>
                        </a>
                    </#list>
                </#if>
            </div>
        </div>
        <div class="card card-2" style="padding-bottom:1px ;">
            <div class="title">
                <h2 class="flex align-center"><img src="img/icon_cloud-link-full.png">友情链接</h2>
            </div>
            <div class="content yqlj">
                <#if index.friendLinkList?? && index.friendLinkList?size gt 0>
                    <#list index.friendLinkList as item>
                        <a target="_blank" href="${item.url}">${item.title}</a>
                    </#list>
                </#if>
            </div>
        </div>
    </div>
</div>
<div class="footer">
    <#include "footer.ftl"/>
</div>
</body>
<script>
    $(function () {
        for (var i = 0; i < 7; i++) {
            $('.xxzz').append('<i></i>')
        }
    })
    $('.otto[data-otto="-1"]').addClass('active')
    function bannerDom(options) {
        var defaults = {
            figureTime: '3500',
            loopTime: '30',
            contianer: '.swiper-container',
            loopNode: '.swiper-wrap',
            nextCb: '',
            preCb: '',
            dot: '.pagination .dot',
            nextBtn: '.switch-banner-rt',
            preBtn: '.switch-banner-lf'
        }
        options = $.extend(defaults, options);
        var contianerWidth = $(options.contianer).width()
        var pageIndex = 0;
        var loopNode = $(options.loopNode)
        var pageSize = loopNode.children().length
        var isMove = false

        function mlf() {
            if (isMove) return
            isMove = true
            pageIndex++
            if (pageIndex > pageSize - 1) pageIndex = 0
            loopNode.animate({
                "left": -1 * contianerWidth + 'px'
            }, options.loopTime, function () {
                loopNode.children().first().appendTo(loopNode.css("left", "0px"));
                isMove = false
            })
            $(options.dot).eq(pageIndex).addClass('active').siblings().removeClass('active')
            $('.pagination .text-content').html($(options.dot).eq(pageIndex).data('text'))
        }

        function mrt() {
            if (isMove) return
            isMove = true
            pageIndex--
            if (pageIndex < 0) pageIndex = pageSize - 1
            loopNode.children().last().prependTo(loopNode).parent().css("left", -1 * contianerWidth + 'px').animate({
                "left": "0px"
            }, options.loopTime, function () {
                isMove = false
            });
            $(options.dot).eq(pageIndex).addClass('active').siblings().removeClass('active')
            $('.pagination .text-content').html($(options.dot).eq(pageIndex).data('text'))
        }

        function dotEvent() {
            $('.pagination .text-content').html($(this).data('text'))
            var cpIndex = $(this).data('index')
            if (pageIndex == cpIndex) return
            pageIndex = cpIndex
            $(options.dot).eq(pageIndex).addClass('active').siblings().removeClass('active')
            var gtIndex = pageIndex - 1
            if (gtIndex < 0) {
                gtIndex = pageSize - 1
            }
            loopNode.children().filter('[data-index=' + gtIndex + ']').nextAll().prependTo(loopNode)
        }
        $(options.nextBtn).click(mlf)
        $(options.preBtn).click(mrt)
        $(options.dot).click(dotEvent)
        var timer = setInterval(function () {
              mlf()
        }, options.figureTime)
        $(options.contianer).mouseover(function () {
            clearInterval(timer)
        }).mouseleave(function() {
                timer = setInterval(function () {
                    mlf()
                }, options.figureTime)
         }
        )
    }
    bannerDom()
</script>

</html>